<template>
  <div id="setup">
    <mt-header title="个人设置">
      <router-link to="/my" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <div class="my-setup">
      <mt-cell title="修改信息" to="/" is-link value=""> </mt-cell>
      <mt-cell title="修改密码" to="/" is-link value=""> </mt-cell>
      <div class="line"></div>
      <mt-cell title="绑定手机" to="/" is-link value="188****2369"> </mt-cell>
      <mt-cell title="绑定邮箱" to="/" is-link value="绑定后可使用邮箱登录">
      </mt-cell>
      <mt-cell title="绑定微博" to="/" is-link value="绑定后可使用微博登录">
      </mt-cell>
      <mt-cell title="绑定QQ" to="/" is-link value="绑定后可使用QQ登录">
      </mt-cell>
      <mt-cell title="绑定微信" to="/" is-link value="绑定后可使用微信登录">
      </mt-cell>
      <div class="line"></div>
      <mt-cell title="问题反馈" to="/" is-link value=""> </mt-cell>
    </div>
    <mt-button type="primary">退出登录</mt-button>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss">
#setup {
  .mint-header {
    background: #fff;
  }
  .mintui-back {
    color: #888;
  }
  .mint-header-title {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
  }
  .mint-cell {
    padding: 0.5rem 0;
  }
  .mint-cell-value {
    margin-right: 0.34rem;
    font-size: 0.45rem;
    color: #a6a6b6;
  }
  .mint-cell-wrapper {
    background-image: linear-gradient(
      180deg,
      #f0f0f0,
      #f0f0f0 20%,
      transparent 50%
    );
  }
  .mint-cell-title{
    font-size: 1rem;
  }
  .line {
    height: 0.58rem;
    background: #f5f5f5;
  }
  .mint-button--primary {
    color: #333;
    background-color: #fff;
    width: 100%;
  }
}
#setup .mint-cell{
  padding: 0.2rem 0;
}
.mint-button-text{
  font-size: 1.1rem;
}
</style>